div{
    width: 300px;
    height: 300px;
    background-color: aqua;
    float: right;
    margin: 90px;
    transition: 3s;
}
.x:hover{
    transform: rotate(90deg);
}
.x1:hover{
    transform: translateY(200px);
}
.s:hover{
    transform: scale(0.5,0.5);
}
p,h1{
    text-align: center;
    color: rgb(0, 255, 55);
}
p{
    font-size: 30px;
}
body{
    background-image: url(../img/背景6.jpg);
    background-repeat: no-repeat;
}